<template>
    <div class="modal fade" id="chartsModal" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-lg modal-dialog-centered">
            <div class="modal-content p-3">
                <div class="modal-header">
                    <h5 class="modal-title">图表分析</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" />
                </div>
                <div class="modal-body">
                    <Charts :transactions="transactions" />
                </div>
            </div>
        </div>
    </div>
</template>

<script setup>
import Charts from './Charts.vue';
defineProps({ transactions: Array });
</script>
